
.Activity {
  margin-top: -30px;
  padding-bottom: 50px;

  .CarouselContainer {
    display: flex;
    max-width: 960px;
    flex-direction: row;
    justify-content: space-between;

    .Calendar {
      width: 48%;
      height: 321px;
    }
  }

  :global {
    :where(.css-dev-only-do-not-override-acm2ia).ant-card .ant-card-body {
      padding: 0 24px;
    }
  }

  .ActivityList {
    width: 100%;
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;

    .Activity {
      cursor: pointer;
      width: 229px;
      height: 300px;
      margin: 20px 5px 5px;
      transition: all 0.5s ease-out;

      .ActivityDescribe {
        display: flex;
        height: 150px;
        flex-direction: column;
        justify-content: space-around;

        .ActivityDescribeBottom {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding-bottom: 5px;
        }
      }
    }

    .Activity:hover {
      transform: translateY(-7px);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    }
  }
}

